<div class="grade_minute_box" (click)="onClose()">
<div class="grade_minute clearfix" @fadeIn (click)="$event.stopPropagation()">
  <div class="close" nzTitle="关闭" nzPlacement="topCenter" nz-tooltip (click)="onClose()">×</div>
  <div class="grade_left f_l" >
    <div>
    <div class="hearder_cover"  [style.background-image]="'url('+(classMinute.totalBoxArr[classMinute.studentSelect].HeadPhotoPath?(readImgUrl+classMinute.totalBoxArr[classMinute.studentSelect].HeadPhotoPath):classMinute.defaultImg)+')'"></div>
    <p class="student_name">{{classMinute.totalBoxArr[classMinute.studentSelect].Name}}</p>
    <p class="student_grade">70.8<span>分</span></p>
    <p class="student_num">账号：{{classMinute.totalBoxArr[classMinute.studentSelect].Phone?classMinute.totalBoxArr[classMinute.studentSelect].Phone:(classMinute.totalBoxArr[classMinute.studentSelect].Name?classMinute.totalBoxArr[classMinute.studentSelect].Name:'暂无')}}</p>
    <div class="logo clearfix">
      <div class="f_r next_logo_red" (click)="classMinute.selectNext()" ></div>
      <div class="f_l last_logo_red" (click)="classMinute.selectLast()" ></div>
    </div>
    </div>
    <div class="grade_info">
      <!--<nz-table #basicTable [nzData]="classMinute.dataSet" [nzFrontPagination]="classMinute.isPage" [nzShowPagination]="classMinute.isPage" [nzScroll]="{ y: classMinute.tableHeight+'px' }">-->
        <!--<thead>-->
        <!--<tr>-->
          <!--<th>成绩环节</th>-->
          <!--<th>成绩子项</th>-->
          <!--<th>得分</th>-->
          <!--<th>查看详情</th>-->
        <!--</tr>-->
        <!--</thead>-->
        <!--<tbody>-->
        <!--<tr *ngFor="let data of basicTable.data">-->
          <!--<td>{{data.key}}</td>-->
          <!--<td>{{data.scale}}</td>-->
          <!--<td>{{data.grade}}</td>-->
          <!--<td>-->
            <!--<div class="minute_logo">...</div>-->
          <!--</td>-->
        <!--</tr>-->
        <!--</tbody>-->
      <!--</nz-table>-->
      <table class="grade_table">
          <thead>
              <tr>
                <th>成绩环节</th>
                <th>成绩子项</th>
                <th>得分</th>
                <th>查看详情</th></tr>
          </thead>
          <tbody>
                <tr *ngFor="let data of  classMinute.dataSet">
                      <td>{{data.key}}</td>
                      <td>
                            <tr class="children_tr"><td class="children_td">{{data.scale}}</td></tr>
                            <tr class="children_tr"><td class="children_td">{{data.scale}}</td></tr>
                            <tr class="children_tr"><td class="children_td">{{data.scale}}</td></tr>
                      </td>
                      <td>{{data.grade}}</td>
                      <td><div class="minute_logo">...</div></td>
                </tr>
          </tbody>
      </table>
      <div class="line"></div>
      <div class="look_more" *ngIf="false">更多成绩细节</div>
    </div>
  </div>
  <div class="grade_right f_l clearfix">
    <p class="class_name f_l">{{className}} <span>({{classMinute.totalBoxArr.length}}人)</span></p>
    <img src="/assets/img/rollIndex/list-icon.png" alt="" class="f_r" width="15" height="15" style="cursor: pointer;" nzTitle="收缩" nzPlacement="topCenter" nz-tooltip (click)="classMinute.tablePattern =!classMinute.tablePattern ">
    <div class="students_container clearfix"   *ngIf="!classMinute.tablePattern">
      <div class="student f_l" *ngFor="let item of classMinute.totalBoxArr;let i = index" (click)="classMinute.studentSelect = i"  [ngClass]="{student_select:i === classMinute.studentSelect}" >
        <p class="stu_no">{{i+1}}</p>
        <div class="stu_center">
          <div class="hearder_img" [style.background-image]="'url('+(item.HeadPhotoPath?(readImgUrl+item.HeadPhotoPath):classMinute.defaultImg)+')'"></div>
          <p class="stu_name" style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:normal">{{item.Name}}</p>
          <p class="stu_grade">70.8<span>分</span></p>
          <p class="stu_number" style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:normal">账号：{{classMinute.totalBoxArr[classMinute.studentSelect].Phone?classMinute.totalBoxArr[classMinute.studentSelect].Phone:(classMinute.totalBoxArr[classMinute.studentSelect].Name?classMinute.totalBoxArr[classMinute.studentSelect].Name:'暂无')}}</p>
        </div>
      </div>
      <div class="empty_box f_l" *ngFor="let i of classMinute.emptyBoxArr">
        <img src="/assets/img/rollIndex/kongtouxiang.png" alt="">
      </div>
    </div>
    <div class="table_container" *ngIf="classMinute.tablePattern" >
        <div class="student_lists clearfix">
           <div class="student_list f_l" *ngFor="let item of classMinute.totalBoxArr;let i = index" [ngClass]="{bottom_line:i === classMinute.totalBoxArr.length -2,select_style:i===classMinute.studentSelect}" (click)="classMinute.studentSelect = i">
             <span class="student_no">{{i+1}}</span>
             <div class="hearder_img_li" [style.background-image]="'url('+(item.HeadPhotoPath?(readImgUrl+item.HeadPhotoPath):classMinute.defaultImg)+')'"></div>
             <span class="student_name">{{item.Name}}</span>
             <div class="student_grade">70.8<span>分</span></div>
           </div>
        </div>
    </div>
  </div>
</div>
</div>
